Vue 'unmounted' Lifecycle Hook

Vue আনমাউন্ট করা লাইফসাইকেল হুক সম্পর্কে জানুন

আপনার নিজস্ব Vue সার্ভার পান

DOM থেকে উপাদানটি সরানো হলে একটি সতর্কতা তৈরি করতে আনমাউন্ট করা লাইফসাইকেল হুক ব্যবহার করুন।

<script>
export default {
    unmounted() {
        alert("The component is removed (unmounted)!");
  }
}
</script>

এটি কীভাবে কাজ করে তা দেখতে "এটি নিজে চেষ্টা করুন" বোতামে ক্লিক করুন৷

সংজ্ঞা এবং প্রয়োগ

DOM থেকে একটি উপাদান সরানোর পরে আনমাউন্ট করা লাইফসাইকেল হুক বলা হয়।

এই হুক ইভেন্ট শ্রোতাদের অপসারণ বা টাইমার বা বিরতি বাতিল করার জন্য উদাহরণস্বরূপ ব্যবহার করা যেতে পারে।

💡দ্রষ্টব্য:

উপরের উদাহরণে, উপাদানটি সরানো দেখার আগে সতর্কতা বাক্সটি উপস্থিত হয়। কারণ প্রথমে DOM থেকে উপাদানটি সরানো হয়, তারপর সতর্কতা উপস্থিত হয় এবং অবশেষে, যখন আপনি সতর্কতা বাক্সে "ঠিক আছে" ক্লিক করেন, ব্রাউজারটি উপাদান ছাড়াই পৃষ্ঠাটি রেন্ডার করে।

ভিউ টিউটোরিয়াল

এই টিউটোরিয়ালের অনেক অধ্যায় ব্যায়ামের সাথে শেষ হয় যা আপনার জ্ঞানের স্তর পরীক্ষা করতে পারে।

আনমাউন্ট লাইফসাইকেল হুক সম্পর্কে কোন বিবৃতি সঠিক?

আপনি আনমাউন্ট করা হুকে ইভেন্ট শ্রোতাদের সেট আপ করতে পারেন
✗ ভুল! আনমাউন্ট করা হুকগুলিতে ইভেন্ট শ্রোতাদের সেট করবেন না। যেহেতু উপাদানটি ইতিমধ্যেই সরানো হয়েছে, আপনার ইভেন্ট শ্রোতাদের সরিয়ে দেওয়া উচিত, তাদের সেট না করা উচিত
DOM থেকে কম্পোনেন্ট মুছে ফেলার পর আনমাউন্ট করা হুক বলা হয়
✓ ঠিক আছে! আনমাউন্ট করা লাইফসাইকেল হুক বলা হয় DOM থেকে কম্পোনেন্ট সরানোর পরে, আগে আনমাউন্ট হুকের পরে।
DOM উপাদানগুলি আনমাউন্ট করা হুকে অ্যাক্সেস করা যেতে পারে
✗ ভুল! DOM উপাদানগুলি অ্যাক্সেস করা যাবে না কারণ আনমাউন্ট করা হুক উপাদানটি ইতিমধ্যেই DOM থেকে সরানো হয়েছে৷
আনমাউন্ট করা হুক আগে আনমাউন্ট হুকের আগে ঘটে
✗ ভুল! আনমাউন্ট করা হুক আগে আনমাউন্ট হুকের পরে ঘটে। প্রথমে আনমাউন্ট করার আগে, তারপর DOM থেকে উপাদানটি সরানো হয়, তারপর আনমাউন্ট করা হয়